<template>
  <div>
      <h1>{{ title}}</h1>
      <nuxt-link to="/about">About</nuxt-link>
  </div>
</template>

<script>
import axios from 'axios'
export default {
    name: "HomePage",
    // 当你想要动态页面内容有利于 SEO 或者是提升首屏渲染速度的时候，就在 asyncData中发请求拿数据
    async asyncData() {
        console.log('asyncData')
        console.log(this) // undefined
        const res = await axios({
            method: 'get',
            url: 'http://localhost:3000/data.json'
        })
        return res.data
    },

    // 如果是非异步数据或者普通数据，则正常的初始化到 data 中即可
    data() {
        return {
            foo: 'bar'
        }
    }
}
</script>

<style>

</style>